<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  
    <title>index.html</title>
	
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    
    <link rel="stylesheet" type="text/css" href="./css/reportStyles.css">
    <link rel="stylesheet" type="text/css" href="./css/jQueryDatePicker.css">

	<SCRIPT SRC="./js/calendar.js"></SCRIPT>
	<SCRIPT SRC="./js/jquery-1.2.6.js"></SCRIPT>

	<SCRIPT SRC="./js/jquery-ui-personalized-1.5.1.min.js"></SCRIPT>

	<SCRIPT SRC="./js/reports.js"></SCRIPT>

  </head>
  
  <body>

	<div id="reportForm">

 	<form action="http://localhost:8080/CustomReports/ReportServlet">
		<span id="reportNameId">
			<!-- select name="reportName" onchange="javascript:handleReportNameChange()" -->
			<select id="reportNameSelectId" name="reportName">
				<option value="NONE">Choose a report</option>
				<option value="AssetsExportedByDate">Assets Exported By Date</option>
				<option value="AssetsExportedByDateSortedByUser">Assets Exported By Date Sorted By User</option>
				<option value="AssetsExportedByDateAndFilmTitle">Assets Exported by Date and Film Title</option>
				<option value="AssetsExportedByDateAndPersonDepicted">Assets Exported by Date and Person Depicted</option>
				<option value="AssetsExportedByNumberOfTimesExported">Assets Exported by Number of Times Exported</option>
			</select>
		</span>

		<div id="datesGroupId">

			<br />
			
			<div id="startDateGroupId">

				<div class="fieldPromptHeader">
					Start Date
				</div>

				<div id="startDateId">
					<input id="startDateInputId" name="StartDate" type="text" value="mm/dd/yy">
					<input id="startDateInputHiddenId" name="StartDate_TopTen" type="hidden" value="">
				</div>

			</div>

			<div id="endDateGroupId">			
	
				<div class="fieldPromptHeader">
					End Date
				</div>
		
				<div id="endDateId">
					<input id="endDateInputId" name="EndDate" type="text" value="mm/dd/yy">
					<input id="endDateInputHiddenId" name="EndDate_TopTen" type="hidden" value="">
				</div>
			
			</div>

		</div>
		
		<div id="filmTitleGroupId">
		
			<div class="fieldPromptHeader">
				Film Title
			</div>
	
			<div id="filmTitleId">
				<input id="filmTitleInputId" name="FilmTitle" type="text" value="" onfocus="" onclick="">
				<input id="filmTitleInputHiddenId" type="hidden" name="FilmTitleHidden">
<!-- 
				<input id="filmTitleInputId" name="FilmTitleAndYear" type="text" value="" onfocus="" onclick="">
				<input id="filmTitleInputHiddenId" type="hidden" name="FilmTitle">
-->
				<!--  input id="filmYearInputHiddenId" type="hidden" name="FilmYear" -->
			</div>

			<div id="ftAjaxList">
				<ul>
				</ul>
			</div>

		</div>
			
		<div id="personDepictedGroupId">

			<div class="fieldPromptHeader">
				Person Depicted
			</div>

			<div id="personDepictedId">
				<input id="personDepictedInputId" name="PersonDepicted" type="text" value="" onfocus="" onclick="">
			</div>

			<div id="pdAjaxList">
				<ul>
				</ul>
			</div>

		</div>

		<div id="numberOfTimesGroupId">

			<div class="fieldPromptHeader">
				Number of Times
			</div>

			<table>
				<tr>
					<td>
						<span id="numberOfTimesId">
							<select id="numberOfTimesInputId" name="NTQualifier">
								<option value="NONE">Make Selection</option>
								<option value="atLeast">At Least</option>
								<option value="atMost">At Most</option>
								<option value="exactly">Exactly</option>
								<option value="between">Between</option>
							</select>
						</span>
					</td>
					<td>
						<span  id="numberOfTimesValueInputId">
							<input id="numberOfTimesValueStartInputId" type="text" name="NTStart" />
							<input id="numberOfTimesValueStartInputTopTenId" type="hidden" name="NTStart_TopTen" />
						</span>
					</td>
					<td>
						<span id="numberOfTimesBetweenAndId" class="fieldPromptHeader">
							and
						</span>
					</td>
					<td>
						<span id="numberOfTimesBetweenEndId">
							<input id="numberOfTimesBetweenEndInputId" type="text" name="NTEnd" />
							<input id="numberOfTimesBetweenEndInputTopTenId" type="hidden" name="NTEnd_TopTen" />
						</span>
					</td>
				</tr>
			</table>
		</div>

<!-- 
		<div id="sortOrderGroupId">
			<div class="fieldPromptHeader">
				Sort Order
			</div>

			<div id="sortOrderId">
				<select name="SortOrder">
				</select>
			</div>
		</div>
-->

		<div id="submitId">
			<br />
			<input type="submit" />
		</div>

		<input type="hidden" name="outputType" value="PDF" />
		
	</form>

	</div>

  </body>
  
</html>
